<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
#title {
	background-image: url(images/bg-header.jpg);
	background-repeat: repeat;
	height: 50px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#menu {
	font-size: 25px;
	line-height: 30px;
	padding-top: 10px;
	padding-left: 5px;
}
#menu a:link, a:visited {
	color: #999999;
	text-decoration: none;
}
#menu a:hover, a:active {
	color: #65EBE1;
}
#left a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#left a:hover, a:active {
	color: #000000;
}
#right a:link, a:visited {
	color: #999999;
	text-decoration: none;
}
#right a:hover, a:active {
	color: #000000;
}
 
#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#featurebk {
	background-image: url(images/title1.jpg);
	background-repeat: no-repeat;
	height: 200px;
}
#left {
	float: left;
	width: 600px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-top: 10px;
}
#right {
	float: left;
	width: 380px;
	margin-left: 5px;
}
#clear {
	clear: both;
}
#bottom {
	background-image: url(images/bg-footer2.png);
	background-repeat: no-repeat;
	height: 102px;
}
#copyright {
	color: #505050;
	font-size: 15px;
	line-height: 30px;
	margin-left: 250px;
	margin-bottom: 30px;
	padding-top: 40px;
}
#tittle {
	font-size: 25px;
	color: #000000;
	line-height: 30px;
	margin-top: 8px;
	border-bottom-width: 5px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.STYLE1 {color: #FF00FF}
#news1title2 {
	font-size: 25px;
	line-height: 30px;
	color: #000000;
}
#table1 {
	font-size: 15px;
	color: #666666;
	line-height: 20px;
}
#news1title {
	font-size: 21px;
	color: #000000;
	line-height: 25px;
	margin-top: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.STYLE3 {color: #FFFFFF}
#wai {
}
#new2title {
	font-size: 22px;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 5px;
}
#new3title {
	font-size: 22px;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 5px;
}
#news4title {
	font-size: 22px;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#table2 {
	font-size: 15px;
	line-height: 20px;
	color: #666666;
}
#table3 {
}
#table3 {
	font-size: 15px;
	line-height: 20px;
	color: #666666;
}
#table4 {
	font-size: 15px;
	line-height: 20px;
	color: #666666;
}
#rnews {
	font-size: 16px;
	line-height: 28px;
	color: #999999;
}
#rnewstitle {
	font-size: 25px;
	line-height: 30px;
	margin-top: 10px;
	margin-left: 5px;
	padding-left: 5px;
	color: #666666;
}
.STYLE4 {
	font-size: 18px;
	color: #999999;
	font-family: "华文行楷", "华文楷体", "华文隶书";
}
#weather {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#rrank {
	font-size: 25px;
	line-height: 30px;
	color: #666666;
}
#rranknews {
	font-size: 16px;
	line-height: 28px;
	color: #999999;
}
#wai {
	background-image: url(images/clouds.jpg);
	background-repeat: repeat;
}
-->
</style>
</head>

<body>
<div id="wai">
  <div id="container">
    <div id="title">
      <div id="menu"><table width="640" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="74"><a href="<?php echo $this->createUrl("site/index");?>">首页</a></td>
    <td width="85"><a href="<?php echo $this->createUrl("article/index");?>" >博文</a></td>
    <td width="119"><a href="<?php echo $this->createUrl("article/create");?>">发博文</a></td>
    <td width="115"><a href="#">留言板</a></td>
    <td width="93"><a href="#"> 关于我</a></td>
    <td width="154"><a href="#"> xxxx</a></td>
    </tr>
</table>
    </div>
  </div>
  <div id="featurebk"></div>
  
   <div id="tittle">文章<span class="STYLE1">推荐</span></div>
   <div id="left">
     <div id="news1title">
      微信开放WiFi接口，醉翁之意在乎O2O还是大数据？
     </div>
     <table width="590" border="0" cellpadding="0" cellspacing="0" id="table1">
  <tr>
    <td width="213" height="140"><img src="images/new1.jpg" width="185" height="125" align="top" /></td>
    <td colspan="2">前几天铺天盖地的都是关于微信开放WiFi接口，这一举动可以说是公众服务平台功能升级的一小步，却是迈向O2O闭环的一大步。不管微信的醉翁之意是什么，此番开发免费WiFi一定会促进O2O领域的发展。</td>
  </tr>
  <tr>
    <td height="25">&nbsp;</td>
    <td width="292">&nbsp;</td>
    <td width="75" height="25" align="center" valign="middle" bgcolor="#FF8080"> <span class="STYLE3 STYLE3"><a href="news1.html" target="_blank">阅读全文</a></span></td>
    </tr>
  <tr>
    <td height="5"></td>
    </tr>
  <tr>
    <td colspan="3" bgcolor="#DFDFDF">&nbsp;&nbsp;2014-11-26 10:15&nbsp;&nbsp;来源雷锋网 作者李楠</td>
  </tr>
</table>

     <div id="new2title">Go语言诞生5周年！10大Go语言开源项目推荐</div>
     <table width="590" height="120" border="0" cellpadding="0" cellspacing="0" id="table2">
  <tr>
    <td width="205" height="71"><img src="images/new2.jpg" width="197" height="118" /></td>
    <td colspan="2">2014年11月，Golang官方博客发布文章 ，以纪念Go语言发布5周年。文章称，Go语言在云计算时代找到了位置，预言“2015年将是Go语言急剧发展之年”。</td>
  </tr>
  <tr>
    <td height="25">&nbsp;</td>
    <td width="292">&nbsp;</td>
    <td width="75" height="25" align="center" bgcolor="#FF8080"><a href="news2.html" target="_blank">阅读全文</a></td>
  </tr>
  <tr>
    <td colspan="3" height="5"></td>
    </tr>
  <tr>
    <td colspan="3" bgcolor="#DFDFDF">&nbsp;&nbsp;2014-12-04 13:57 &nbsp;&nbsp;CSDN CODE&nbsp;&nbsp; 作者&nbsp;&nbsp;CSDN CODE</td>
  </tr>
</table>
<div id="new3title">神器 VisuAlgo：通过动画学习算法和数据结构</div>
<table width="590" border="0" cellpadding="0" cellspacing="0" id="table3">
  <tr>
    <td width="207" height="66"><img src="images/new3.jpg" width="200" height="104" /></td>
    <td colspan="2">VisuAlgo是由Steven Halim博士在2011年发布的一款可视化学习算法的工具，用于帮助其学生更好地理解数据结构和算法，可以让学生按自己的步骤来学习</td>
  </tr>
  <tr>
    <td height="25">&nbsp;</td>
    <td width="292">&nbsp;</td>
    <td width="75" height="25" align="center" bgcolor="#FF8080"><a href="news3.html" target="_blank">阅读全文</a></td>
  </tr>
  <tr>
    <td colspan="3" height="5"></td>
    </tr>
  <tr>
    <td colspan="3" bgcolor="#DFDFDF" height="25">&nbsp;&nbsp;2014-12-03 08:47&nbsp;&nbsp;来源CSDN &nbsp;&nbsp;作者:张红月</td>
  </tr>
</table>

   <div id="news4title">如何设计优雅的移动游戏</div>
   <table width="590" border="0" cellpadding="0" cellspacing="0" id="table4">
  <tr>
    <td width="207"><img src="images/news4.jpg" width="200" height="119" /></td>
    <td colspan="2">对于开发者而言，关注游戏的复杂性在于，在获得新玩家的同时鼓励拿起就玩却不失深度或牺牲时间。优雅的设计不仅仅是理想状况，而是必要的特性，因此，认识到简单并不等于肤浅，是设计好的手机游戏所至关重要的。</td>
  </tr>
  <tr>
     <td height="25">&nbsp;</td>
    <td width="292">&nbsp;</td>
    <td width="75" height="25" align="center" bgcolor="#FF8080"><a href="news4.html" target="_blank">阅读全文</a></td>
  </tr>
  <tr>
    <td colspan="3" height="5"></td>
    </tr>
  <tr>
    <td colspan="3" bgcolor="#DFDFDF">&nbsp;&nbsp;2014-12-0418:47 &nbsp;&nbsp;来源objc&nbsp;&nbsp; 作者&nbsp;Mike Lazer-Walker</td>
  </tr>
</table>

   
   </div>
   
   <div id="right">
     <div id="weather">
       <table width="350" border="0" cellspacing="0" cellpadding="0">
         <tr>
           <td width="120" align="center"><span class="STYLE4">上海天气</span></td>
           <td width="230"><img src="images/weather.jpg" alt="" width="166" height="62" /></td>
         </tr>
         </table>
     </div>
     
     <div>
       <table width="342" border="0" cellspacing="0" cellpadding="0">
         <tr>
           <td colspan="2"><img src="images/intro1.jpg" width="381" height="200" /></td>
          </tr>
       </table>
     </div>
     <div id="rnewstitle">最新博文--------------------------</div>
     <div id="rnews">
       <ul>
       <li><a href="news1.html" target="_blank">微信开放WiFi接口，醉翁之意在乎O2O还是大数据</a></li>
       <li><a href="news2.html" target="_blank">Go语言诞生5周年！10大Go语言开源项目</a></li>
       <li><a href="news3.html" target="_blank">神器 VisuAlgo：通过动画学习算法和数据结构</a></li>
       <li><a href="news4.html" target="_blank">如何设计优雅的移动游戏</a></li>
       <li><a href="news5.html" target="_blank">云计算华山论剑：云如何改变企业</a></li>
       <li><a href="#">用Cloudant在Bluemix上构建一个简单的文字游戏应用程序</a></li><li><a href="#">使用Bluemix中的Rules服务构建一个酒店预订应用程序</a></li>
       </ul>
     </div>
     
     <div id="rrank">点击排行----------------------------</div>
     
     <div id="rranknews">
       <ul>
         <li>借助ArangoDB，带你玩转Google图算法引
         擎Pregel</li><li>聚焦新平台新应用  IBM 2014技术峰会上海站顺利落幕</li><li>第十七届全国工程建设计算机应用大会在京召开AMD受邀详解GPU Computing！</li>
       </ul>
      </div>
   </div>
   
   <div id="clear"></div>
   
   <div id="bottom">
     <div id="copyright">Copyright © 2014 SimpleBlog 华师大计算机科学与技术 版权所有</div>
   </div>
  </div>
</div>
</body>
</html>
